<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Todo List</title>
    <link rel="stylesheet" href="style.css">
</head>
<body>
    <!--容器-->
    <div class="container">
        <h3>Todo List</h3>
        <!--添加任务-->
        <div class="addtask">
            <input type="text" placeholder="添加新任务">
            <button class="addbtn">添加</button>
            </div>
         <!--分类-->
         <div class="category">
            <button>全部</button>
            <button>未完成</button>
            <button>已完成</button>
         </div>
         <div class="search">
            <input type="text" placeholder="搜索任务">
         </div>
         <!--任务列表-->
         <div class="tasklist">
            <ul>
                <li><div class="left">
                    <input type="checkbox" name="" id="">
                    <span>吃饭</span>
                </div>
                <div class="btn-group">
                    <button>编辑</button>
                    <button>删除</button>

                </div>
                
                </li>
                <li><div class="left">
                    <input type="checkbox" name="" id="">
                    <span>吃饭</span>
                </div>
                <div class="btn-group">
                    <button>编辑</button>
                    <button>删除</button>

                </div>
                
                </li>
                <li><div class="left">
                    <input type="checkbox" name="" id="">
                    <span>吃饭</span>
                </div>
                <div class="btn-group">
                    <button>编辑</button>
                    <button>删除</button>

                </div>
                
                </li>
                <li><div class="left">
                    <input type="checkbox" name="" id="">
                    <span>吃饭</span>
                </div>
                <div class="btn-group">
                    <button>编辑</button>
                    <button>删除</button>

                </div>
                
                </li>
            </ul>
            
         </div>

       


    </div>
<script src="./app.js"></script>
    
</body>
</html>